<!DOCTYPE html>
<!--[if IE 6]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 eq-ie6" lang="ja"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8 eq-ie7" lang="ja"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9 eq-ie8" lang="ja"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="ja"/>
<!--<![endif]-->

<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta charset="utf-8"/>
<title>Welcome .::. United Vision</title>

<!--setting-->
<link rel="shortcut icon" href="favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="format-detection" content="telephone=no"/>
<link rel="apple-touch-icon" href="images/ico_home.jpg"/>

<!--css-->
<link rel="stylesheet" href="/css/bootstrap.min.css"/>
<link rel="stylesheet" href="/css/bootstrap-theme.min.css"/>

<link rel="stylesheet" href="/css/customSelectBox.css" />
<link rel="stylesheet" href="/css/example.css" />

<!--<link rel="stylesheet" href="/css/nivo-slider.css" type="text/css" media="screen" />-->
<link rel="stylesheet" type="text/css" href="/css/jquery.bxslider.css"/>

<link rel="stylesheet" media="screen" href="/css/reset.css" />
<link rel="stylesheet" media="screen" href="/css/module.css" />
<link rel="stylesheet" media="screen" href="/css/common.css" />

<link rel="stylesheet" media="screen" href="/css/index.css" />

<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.css' rel='stylesheet'>
<script src="/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<!--[if lt IE 9]><script src="js/html5shiv.js"></script><![endif]-->

<!--javascript-->
<!-- <script src="js/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>  -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script src="/js/bootstrap.min.js"></script>
<script src="/js/opacity-rollover2.1.js"></script>
<script src="/js/common.js"></script>
<script type="text/javascript" src="/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="/js/accordione.js"></script>

<script type="text/javascript" src="/js/jquery.bxslider.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){

    $('.bxslider').bxSlider({
      auto: true, //???????? 'true'or'false'
      mode: 'fade', //?????????? 'horizontal', 'vertical', 'fade'
      infiniteLoop: true, //?????????
      responsive: true, //????????????
      speed: 1000, //???????????????
      displaySlideQty: 3,
      pager: true, //????????
      startSlide: 0, //??????????
      slideMargin: 1, //??????????????
      pause: 6000, //???????????
      touchEnabled: false, //???????????????(???????)


      minSlides: 1, //????????(?????)
      maxSlides: 1, //??????????(?????)
      moveSlides: 1 //?????????????????(?????)
    });
  });

  var a = $(window).width();
    a = ((a - 960)/2);
    a = a - 0.5;
    $(".bg-left").css('width',a+"px");

    $(".bg-right").css('width',a+"px");
  $(window).resize(function() {
    var a = $(window).width();
    a = ((a - 960)/2);
    a = a - 0.5;
    $(".bg-left").css('width',a+"px");

    $(".bg-right").css('width',a+"px");
  });

  //$('.scroll').smoothScroll();
</script>

<script type="text/javascript">
    $(document).ready(function() {
      $('#slidemarginleft button').click(function() {
        var $marginLefty = $(this).next();
        $marginLefty.animate({
          marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ?
            $marginLefty.outerWidth() :
            0
        });
      });
    });
</script>

<script src="/js/SelectBox.js"></script>
<script>
  $(function() {
    $("select.custom").each(function() {
      var sb = new SelectBox({
        selectbox: $(this),
        height: 150,
        width: 120
      });
    });

  });
</script>

<script src="/js/hover.zoom.js"></script>
<script>
  $(function() {
      $('.blue').hoverZoom(); // Default
  });
</script>
<?php
echo $this->Html->meta('icon');
echo $this->fetch('meta');
echo $this->fetch('css');
echo $this->fetch('script');
?>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="bg-white">

    <?php echo $this->element('layouts/header');?>
	<?php echo $this->fetch('content'); ?>
	
	<?php echo $this->element('layouts/footer');?>
</div>
<div id="Page-top"><img src="/images/manual/pagetop.png" alt="" class="over4"/></div>
<!-- / #Page-top -->
<script type="text/javascript" src="/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>

<?php echo $this->element('sql_dump'); ?>
</body>
</html>
